<template>
    <div class="order-manage app-container">
        <search-form :searchArray="searchArray" :searchObj="searchObj"></search-form>
        <div class="table-box">
            <elTable :formData="formData">
                    <el-table-column prop="no" label="订单号" align="center"></el-table-column>
                    <el-table-column prop="type" label="订单类型" align="center"></el-table-column>
                    <el-table-column prop="amount" label="订单金额" align="center"></el-table-column>
                    <el-table-column prop="status" label="订单状态" align="center"></el-table-column>
                    <el-table-column prop="action" label="操作" align="center"></el-table-column>
            </elTable>
        </div>
    </div>
</template>
<script>
import elTable from "@/components/xForm/elTable"
export default {
    name: 'orderManage',
    components: {elTable},
    data () {
        return {
            searchObj: {
                startTime: '',
                endTime: ''
            },
            searchArray: [
                {
                    type:'input',
                    placeholder: '请输入订单号',
                    value: '',
                    label: '订单号',
                    key: 'no'
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: {},
                    width: '',
                    label: '收货（省）',
                    list: [
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '订单状态',
                    multiple: true,
                    list: [
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '订单类型',
                    multiple: true,
                    list: [
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '活动类型',
                    multiple: true,
                    list: [
                    ]
                },
                {
                    type: "sectionValue",
                    value1: "",
                    value2: "",
                    label: "金额区间：",
                    unit: "￥",
                    key1: "",
                    key2: "",
                    pl1: '',
                    pl2: ''
                },
                {
                    type: "datePicker",
                    startText: "开始日期",
                    endText: "结束日期",
                    types: "daterange",
                    value: "",
                    label: '下单时间',
                    rangeSpeparator: "至",
                    key1: 'startTime',
                    key2: 'endTime'
                },
            ],
            formData: {
                name: "",
                userName: "",
                userStatus: "",
                currentPage: 1,
                pageSize: 10,
            },
        }
    },
    methods: {
        getList(pageNo) {
        },
    }
}
</script>
<style lang="scss" scoped>
.order-manage {
    .table-box {
        margin-top: 16px;
        .title {
            padding-bottom: 16px;
        }
    }
}
</style>